import React from 'react'
import { Tabbar } from 'react-vant'
import { FriendsO, HomeO, Search, SettingO } from '@react-vant/icons'
import {NavLink, Outlet} from 'react-router-dom'

export default function Zhut() {
  return (
    <div>
      <Outlet/>
      <Tabbar>
        <Tabbar.Item icon={<HomeO />}><NavLink to='/zhut/home'>首页</NavLink></Tabbar.Item>
        <Tabbar.Item icon={<Search />}><NavLink to='/zhut/classify'>分类</NavLink></Tabbar.Item>
        <Tabbar.Item icon={<FriendsO />}><NavLink to='/zhut/gwc'>购物车</NavLink></Tabbar.Item>
        <Tabbar.Item icon={<SettingO />}><NavLink to='/zhut/my'>我的</NavLink></Tabbar.Item>
      </Tabbar>
    </div>
  )
}
